<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta content="initial-scale=1.0,minimum-scale=1.0,maximum=1.0,user-scalable=no,width=device-width" name="viewport">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="百度地图,百度地图API，百度地图自定义工具，百度地图所见即所得工具"/>
    <meta name="description" content="百度地图API自定义地图，帮助用户在可视化操作下生成百度地图"/>

    <title>信基沙溪</title>
    <!-- Bootstrap -->
    <link href="/xj/css/bootstrap.min.css" rel="stylesheet">
    <link href="/xj/css/main.css"/>
    <link href="/xj/css/global.css" rel="stylesheet">
    <link href="/xj/css/style.css" rel="stylesheet">

    <script src="/xj/js/html5shiv.min.js"></script>
    <script src="/xj/js/respond.min.js"></script>
    <script src="/xj/js/jquery.min.js"></script>
    <script src="/xj/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="http://api.map.baidu.com/api?key=&v=1.1&services=true"></script>

    <script src="https://cdn.bootcss.com/jquery/3.4.1/jquery.min.js"></script>
    <link href="https://cdn.bootcss.com/toastr.js/latest/css/toastr.min.css" rel="stylesheet">
    <script src="https://cdn.bootcss.com/toastr.js/latest/js/toastr.min.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js" type="text/javascript" charset="utf-8"></script>

</head>

<body style="background-color: #ffffff!important;">

<div class="globalstyle">
<div id="whole_box">
    <div class="share_shadow" v-if="share_show" v-on:click="shareGo">
        <img src="/xj/image/store/share_shadows.png" />
    </div>
    <div class="box" style=" padding-left: 0px!important;padding-top: 10px!important;">
        <img src="/xj/image/icon/arrow_left.png" class="back_icon" v-on:click="getback">
    </div>

    <div style="width: 100%;position: relative;height: 200px">
        <!--<img src="/xj/image/home_press.png" style="width:30px;position: absolute ;z-index: 999">-->
        <img :src="store_main_pic" style="width: 100%;position: relative;height: 200px;"/>
        <div style="position:absolute; left:70%; top: 145px; border:#F9F9F9 solid 1px;"><img :src="store_logo" width="80" height="80"/></div>
    </div>

    <div style="padding-top: 20px;padding-left: 20px;">
        <img src="/xj/image/store/shopno.png" style="width: 10px;"/>
        <span style="color:#00923f;font-size: 12px;"> {{shopno_txt}}：{{store_no}}</span>

    </div>

    <div style="padding-left: 20px;">
        <span style="font-size:20px;font-weight: bold;font-family: '微软雅黑';margin-top: 10px;">{{store_name_main}}</span>
    </div>

    <div style="padding-top: 10px;padding-left: 15px;font color: #0000FF;">
        <img src="/xj/image/store/main.png" style="width: 20px;"/>
        <font color="#5a7ec6">{{mainproduct_txt}}：</font>
    </div>

    <div style="padding-top: 10px; padding-left: 15px;">
        <table>
            <tr>
                <td>
                    <button class="store_detail_category" v-for="item in mainproductList">{{item.name}}</button>
                </td>
            </tr>

        </table>

    </div>
    <div style="border-bottom: 2px solid rgba(192,192,192,0.09);padding-top: 10px;"></div>

    <div style="padding-left: 15px; padding-top: 10px;position: relative;">
        <img src="/xj/image/store/phone.png" style="width: 15px;margin-right: 5px;"/>
        <font>{{tel_txt}}：{{store_phone}}</font>
        <div style="top: 30%;left: 75%;margin-right: 10px; position: absolute;">
            <a v-on:click="shareGo"><img :src="share_txt" style="width: 100%;"></a>
        </div>

    </div>
    <div style="padding-left: 15px; padding-top: 10px;">
        <img src="/xj/image/store/email.png" style="width: 15px;margin-right: 5px;"/>
        <font>{{eamil_txt}}: {{store_email}}</font>
    </div>
    <div style="padding-left: 15px; padding-top: 10px;">
        <img src="/xj/image/store/website.png" style="width: 15px;margin-right: 5px;"/>
        <font>{{url_txt}}: {{store_website}}</font>
    </div>
    <div style="padding-left: 15px; padding-top: 10px;">
        <img src="/xj/image/address.png" style="width: 15px;margin-right: 5px;"/>
        <font>{{address_txt}}: {{store_address_main}}</font>
    </div>
    <div style="border-bottom: 10px solid rgba(192,192,192,0.09);padding-top: 10px;"></div>
    <div style="padding-top: 10px;padding-left: 8px;">
        <font style="font: '微软雅黑';font-weight: bold;font-size: 20px;">{{phroductAlbum_txt}}</font>
    </div>

    <div style="width: 100%;padding-bottom: 50px;">
        <!--border-collapse:separate; border-spacing:0px 10px;-->
        <!--<table  border="1px" cellspacing="0" cellpadding="0" style="float: right;">-->
        <div style="width: 100%;
  display: flex;
  flex-direction: row;">
            <div style="width: 45%">
                <a v-on:click="productGo"><img  :src="pic_thumb1" alt="" class=" " style="width: 100%;
height: 300px;
;padding-left: 10px;"></a>
            </div>
            <div style=" display: flex;
  flex-direction: column;
  width: 55%;">
                <div style="width: 100%">
                    <a v-on:click="productGo"><img :src="pic_thumb2" alt="" class=" " style="width: 100%;
height: 150px;
;padding-right: 10px;padding-left: 10px;padding-bottom: 10px"></a>
                </div>
                <div style=" width: 100%;
  display: flex;
  flex-direction: row;padding-right: 10px">
                    <a v-on:click="productGo"><img :src="pic_thumb3 " alt="" class="" style="width: 100%;height: 150px;padding-left: 10px;padding-right: 2px"></a>
                    <div style="  position: relative;
   display: flex;">
                        <a v-on:click="productGo"><img  :src="pic_thumb4 " alt="" class=""
                                         style="width: 100%;height: 150px;padding-left: 2px;padding-right: 10px"></a>
                        <div style="width: 100%;height: 100%;

  position: absolute;
  background:  rgba(0, 0, 0, 0.4);
  text-align: center;
  display: flex;
  flex-direction: column;
 justify-content:center;">
                        <span style="font-weight:bolder;
  color: white; ">+{{pic_num}}</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <img src="/xj/image/store/navigate.png" class="store_bottom_icon_navigate" v-on:click="navigate"/>
        <img src="/xj/image/store/call.png" class="store_bottom_icon_call" v-on:click="call"/>

        <div class="map_box" v-if="showcategory">
            <div class="viewEx">
                <a :href="mapUrl_gd" class="mapBtn_g mapstyle">{{AutoNavi_txt}}</a>
                <a :href="mapUrl_tx" class="mapBtn_t mapstyle">{{QQMap_txt}}</a>
                <a :href="mapUrl_bd" class="mapBtn_b mapstyle">{{BaiduMap_txt}}</a>
            </div>
        </div>
    </div>
    <!--底部导航-->
    <div class="nav_self">
        <div class="nav-one">
            <a href="/page/redirectHome"><img src="/xj/image/home.png" class="img"></a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a v-on:click="introduceGo" :class="!is_en ? '':'nav_encss'" >{{tab1}}</a>
        </div>
        <div class="nav-view" style="white-space: pre">
            <a v-on:click="productGo"   :class="!is_en ? '':'nav_encss'" >{{tab2}}</a>
        </div>
        <div class="nav-view">
            <a v-on:click="storeVR"  :class="!is_en ? '':'nav_encss'">{{tab3}}</a>
        </div>
    </div>

    <div class="viewCE">
        <img id="btnCE" src="/xj/image/English.png" class="image-sty" alt="en">
    </div>
</div>
</div>
</body>

</html>
<script src="/xj/js/vue.min.js"></script>
<script src="/xj/javascript/global.js"></script>
<script src="/xj/javascript/storedetail.js?v=4"></script>

<style>
    .nav_encss{
        font-size: 11px!important;
    }

    .map_box {
        width: 100%;
        height: 150px;
        position: fixed;
        bottom: 0%;
        background-color: white;
        z-index: 99;
    }

    .map_box  .viewEx {
        padding-top: 3px;
        text-align: center;
        display: flex;
        flex-direction: column;
    }

    .mapstyle {
        color: #0C0C0C;
        width: 100%;
        height: 50px;
        background-color: white;
        border-bottom: 1px solid #e8e8e8;
        line-height: 50px;
    }
</style>